<template>
  <div class="home">
    <div class="container">
      <div class="common-layout">
      <div style="width: 1200px;">
        <el-container>
          <el-aside width="200px">
            <Aside></Aside>
          </el-aside>
          <el-container>
            <el-header style="width: 1000px">
              <Header></Header>
            </el-header>
            <el-main>
              <Main></Main>
            </el-main>
          </el-container>
        </el-container>
      </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import Aside from "@/views/TrainingRoom/components/Aside/index.vue"
import Header from "@/views/TrainingRoom/components/Header/index.vue"
import Main from "@/views/TrainingRoom/components/Main/index.vue"
</script>

<style scoped lang="less">
.home {
  height: 100%;
  width: 100%;
  background-color: #f5f7f9;
}

.container {
  width: 1200px;
  height: 800px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

</style>
